<template>
	<!-- 客户管理 -->
	<div>
		<headpage username="客户管理"  routername="main1"></headpage>
		<ul class="list">
			<li>
				<input class="form-control" type="text" placeholder="客户">
			</li>
			<li>
				<input class="form-control" type="text" placeholder="搜索名称/关键字">
			</li>
			<li>
				<input class="form-control" type="text" placeholder="全部">
			</li>
		</ul>
		<div class="foot">
			<ul class="list">
				<li>客户设置</li>
				<li>新增客户</li>
			</ul>
		</div>
	</div>
</template>

<script>
	import headpage from "../headpage.vue";
	export default{
		name:"customer_management",
		components:{
			headpage
		}
	}
</script>

<style scoped="scoped">
	ul,li,p{
		margin:0;
		padding:0;
		list-style: none;
	}
	.list {
		display: flex;
		border-bottom: 1px solid lightblue;
	}
	
	.list li {
		width: 50%;
		margin: 5px;
		text-align: center;
	}
	
	.list li:hover {
		background-color: lightblue;
		color: white;
	}
	.foot{
		position:fixed;
		bottom:0;
		width:100%;
	}
	.foot ul li{
		margin-left:30px;
		margin-right:30px;
	}
</style>
